<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BT-Suite 量化策略平台</title>
    <!-- 引入 Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入 Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <!-- 引入自定义 CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="d-flex" id="wrapper">
        <!-- 左侧菜单栏 -->
        <div class="bg-dark border-right" id="sidebar-wrapper">
            <div class="sidebar-heading">
                <i class="bi bi-bar-chart-line-fill me-2"></i> BT-Suite 平台
            </div>
            <div class="list-group list-group-flush">
                <a href="#" class="list-group-item list-group-item-action bg-dark active">
                    <i class="bi bi-hdd-stack me-2"></i> 常用功能
                </a>
                <div class="sub-menu">
                    <a href="{{ url_for('main.index') }}" class="list-group-item list-group-item-action bg-dark sub-item active-sub-item">
                        <i class="bi bi-play-circle-fill me-2"></i> 批量回测
                    </a>
                    <!-- 未来可以在这里添加更多子菜单项 -->
                </div>
                <!-- 未来可以在这里添加更多主菜单项 -->
            </div>
        </div>

        <!-- 右侧主内容区 -->
        <div id="page-content-wrapper">
            <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
                <div class="container-fluid">
                    <!-- 这里可以放顶部的其他元素，例如用户信息 -->
                    <span class="navbar-text">
                        欢迎使用BT-Suite量化策略平台
                    </span>
                </div>
            </nav>

            <div class="container-fluid p-4">
                {% block content %}
                <!-- 子模板的内容将在这里被渲染 -->
                {% endblock %}
            </div>
        </div>
    </div>

    <!-- 引入 Bootstrap 5 JS and Popper.js -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
</body>
</html> 